<template>
	<view>
		<!-- 头部 -->
		<view class="MDhead">
			<view style="height: 112rpx;"></view>
			<view class="head_top fs16">
				<image src="../../../static/22.png" mode=""></image>
				<view style="margin-left: 44rpx;padding-top: 15rpx;color: #FFFFFF;">
					<view style="position: relative;display: flex;">
						<text>农夫果园</text>
						<image style="width: 28rpx;height: 24rpx;margin-left: 8rpx;top: 10rpx;"
							src="../../../static/iconxfz.png" mode=""></image>
					</view>
					<view class="fs14" style="padding-top: 20rpx;">
						136 9885 4362
					</view>
				</view>
			</view>
		</view>
		<!-- 今日收益 -->
		<view class="w343" style="position: relative;">
			<h5 class="fs18 pdleft20" style="padding-top: 30rpx;">
				<text>126.60</text><text style="margin-left: 100rpx;">126</text>
			</h5>
			<view class="fs12 pdleft20" style="padding-top: 20rpx;color: #888888;">
				<text>今日收益(元)</text>
				<text style="margin-left: 100rpx;">今日订单(单)</text>
			</view>
			<view class="xiangqing fs12" style="display: flex;color: #888888;">
				<navigator url="../XiangQing/XiangQing">
					<text>详情</text>
					<image src="../../../static/iconfh.png" mode=""></image>
				</navigator>

			</view>
		</view>
		<!-- 配送设置 -->
		<view class="w313" style="    margin-top: 130rpx;">
			<navigator url="../PSshezhi/PSshezhi">
				<view class="h47">
					<image class="logo" src="../../../static/icon000002.png" mode=""></image>
					<view class="fs12">配送设置</view>
					<image class="arrows" src="../../../static/iconfh.png" mode=""></image>
				</view>
			</navigator>
			<navigator url="../../MyDe/CJwt/CJwt">
				<view class="h47">
					<image class="logo" src="../../../static/icon00005.png" mode=""></image>
					<view class="fs12">常见问题</view>
					<image class="arrows" src="../../../static/iconfh.png" mode=""></image>
				</view>
			</navigator>
			<navigator url="../../MyDe/WTfankui/WTfankui">
				<view class="h47">
					<image class="logo" src="../../../static/icon00006.png" mode=""></image>
					<view class="fs12">意见反馈</view>
					<image class="arrows" src="../../../static/iconfh.png" mode=""></image>
				</view>
			</navigator>
			<navigator url="">
				<view class="h47" style="border: 0;">
					<image class="logo" src="../../../static/icon00005.png" mode=""></image>
					<view class="fs12">关于我们</view>
					<image class="arrows" src="../../../static/iconfh.png" mode=""></image>
				</view>
			</navigator>

		</view>
		<!-- 底部TABBAR -->
		<view class="QStabbar fs10">
			<navigator @click="TABBAR(0)" class="Tabbar" style="width: 50%;" url="../QSindex">
				<image v-if="idx == 0" src="../../../static/icondindan1.png" mode=""></image>
				<image v-else src="../../../static/icondindan2.png" mode=""></image>
				<text :class="idx==0?'greens':''">订单</text>
			</navigator>
			<navigator @click="TABBAR(2)" class="Tabbar" style="width: 50%;" url="">
				<image v-if="idx == 2" src="../../../static/iconwd1.png" mode=""></image>
				<image v-else src="../../../static/iconwd2.png" mode=""></image>
				<text :class="idx==2?'greens':''">我的</text>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				idx: 2
			}
		},
		methods: {
			TABBAR(idx) {
				this.idx = idx
			}
		}
	}
</script>

<style>
	.MDhead {
		height: 444rpx;
		background: linear-gradient(316deg, #2ed993 0%, #20b47a 100%);
	}

	.head_top {
		height: 130rpx;
		padding-left: 46rpx;
		display: flex;
	}

	.head_top>image {
		width: 130rpx;
		height: 130rpx;
		border-radius: 50%;
	}

	.w343 {
		width: 686rpx;
		height: 174rpx;
		background: #FFFFFF;
		margin: -87rpx auto;
		box-shadow: 0px 3px 6px 0px rgba(200, 200, 200, 0.16);
	}

	.w313 {
		width: 626rpx;
		margin: 20rpx auto;
	}

	.pdleft20 {
		padding-left: 40rpx;
	}

	.xiangqing {
		width: 100rpx;
		height: 50rpx;
		position: absolute;
		right: 5%;
		top: 50%;
		transform: translateY(-50%);
	}

	.xiangqing image {
		width: 10rpx;
		height: 20rpx;
		top: 0rpx;
		left: 20rpx;
	}

	.Mimg {
		width: 25%;
	}

	.Mimg>navigator>image {
		display: block;
		width: 32rpx;
		height: 30rpx;
		margin: 28rpx auto;
	}

	.imggg {
		display: block;
		width: 720rpx;
		height: 182rpx;
		margin: 20rpx auto;
	}

	.h47 {
		height: 94rpx;
		line-height: 94rpx;
		border-bottom: 1rpx solid rgba(243, 243, 243, 1);
		display: flex;
		position: relative;
	}

	.h47>.logo {
		width: 28rpx;
		height: 30rpx;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.h47>view {
		margin-left: 50rpx;
	}

	.h47>.arrows {
		width: 10rpx;
		height: 20rpx;
		position: absolute;
		right: 8%;
		top: 50%;
		transform: translateY(-50%);
	}
</style>
